
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="baidu_union_verify" content="3c21770e34b12970534541e37080a23a">
    <title>厦门市湖滨中学每日一歌栏目官方网站-厦门湖滨墙</title>
    <!--为搜索引擎定义关键词-->
    <meta name="keywords" content="厦门湖滨墙">
    <!--为网页定义描述内容 用于告诉搜索引擎，你网站的主要内容-->
    <meta name="description" content="厦门湖滨墙音乐播放器"> 
    <!--定义网页作者-->
    <meta name="author" content="殇陌科技"> 
    <!--网站版权-->
    <meta name="copyright" content="殇陌科技">
    <!--指定IE和Chrome使用最新版本渲染当前页面-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--指导浏览器如何缓存某个响应以及缓存多长时间-->
    <!--no-cache:先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存
    no-store:不允许缓存,每次都要去服务器上,下载完整的响应(安全措施)
    public:缓存所有响应,但并非必须,因为max-age也可以做到相同效果
    private:只为单个用户缓存,因此不允许任何中继进行缓存,(比如说CDN就不允许缓存private的响应)
    maxage:当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求,例:max-age=60表示响应可以再缓存和重用60秒
    -->
    <meta http-equiv="cache-control" content="no-cache">
    <!--禁止百度自动转码 用于禁止当前页面在移动端浏览时,被百度自动转码,虽然百度的本意是好的,但是转码效果很多时候却不尽人意-->
    <!--meta http-equiv="Cache-Control" content="no-siteapp" /-->
    <!-- 分享网页时显示的标题-QQ-->
    <meta itemprop="name" content="厦门湖滨墙音乐播放器" />
    <!-- 分享网页时显示的缩略图-QQ-->
    <meta itemprop="image" content="https://q1.qlogo.cn/g?b=qq&nk=2137480743&s=640" />
    <!--分享网页时时显示的内容-QQ-->
    <meta name="description" itemprop="description" content="厦门湖滨墙QQ空间每日一歌栏目-音乐播放器" />
    <!--设置自动适应电脑和手机屏幕--> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no minimal-ui">
    <!--设置浏览器栏favicon图标-->
    <link rel="icon" href="https://q1.qlogo.cn/g?b=qq&nk=2137480743&s=640" type="image/x-icon"/>
    <!--定义搜索引擎爬虫的索引方式-->
    <!--index,follow:可以抓取本页，而且可以顺着本页继续索引别的链接
    noindex,follow:不许抓取本页，但是可以顺着本页抓取索引别的链接
    index,nofollow:可以抓取本页，但是不许顺着本页抓取索引别的链接
    noindex,nofollow:不许抓取本页，也不许顺着本页抓取索引别的链接
    -->
    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "Jsw6jLlOrUOdKtr5",ck: "Jsw6jLlOrUOdKtr5"})</script>
    <meta name="robots" content="index,follow">
    <!--引入css文件-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1092713_ebcu16dsqz.css">
    <!--引入js文件-->
    <!--script type="text/javascript" src="main.js"></script-->
     <script>
//屏蔽F12和右键
 function click(e) {
 if (document.all) {
 if (event.button == 2 || event.button == 3) {
 alert("欢迎光临，有需要帮助的可以联系QQ3079201190");
          oncontextmenu = 'return false';
        }
      }
 if (document.layers) {
 if (e.which == 3) {
          oncontextmenu = 'return false';
        }
      }
    }
 if (document.layers) {
      document.captureEvents(Event.MOUSEDOWN);
    }
    document.onmousedown = click;
    document.oncontextmenu = new Function("return false;")

    document.onkeydown = document.onkeyup = document.onkeypress = function () {
 if (window.event.keyCode == 123) {
        window.event.returnValue = false;
 return (false);
      }
    }</script>
</head>


<body>
    <style>
::-webkit-scrollbar {
  width: 10px;  
  height: 1px;
}
::-webkit-scrollbar-thumb {
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}
*{
    margin: 0;
    padding: 0;
}



/* 主体 */
.centent{
    width: 100vw;
    max-width: 100%;
    height: 100vh;
/* 设置宽度为100vw 铺满屏幕 最大宽度100%去掉windows系统横向滚动条 高度100vh铺满屏幕 */
}

/*头部*/
.head{
    position:fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    background: #ffffff;
    z-index:5;
}


/* 头部左边 */
.head-left{
    display: flex;
    align-items: center;
    width: auto;
    margin-left: 20px;

}

/* 头部右边 */
.head-right{
    display: flex;
    align-items: center;
    width: auto;
    margin-right: 40px;

}

/* 头像 */
.tx{
    width: 45px;
    height: 45px;
    margin-left: 20px;
}
/* 头像图片 */
.tx>a>img{
    width: 100%;
    height: 100%;
    border-radius: 360%;

}

/* 昵称框 */
.nc{
    margin-left: 15px;
}
/* 昵称文字 */
.nc>p{
    color: #03A9F4;
    font-size: 16px;
}

/* 右边内容框 */
.nr{
    margin-right: 20px;
}

/* 内容链接 */
.nr>a{
    text-decoration:none;
    color: rgb(44, 43, 43);

}

/* 内容 */
.nr>a>p{
    color: rgb(44, 43, 43);
    font-size: 16px;
}






/* 右边内容框 手机版 */
/* .gd{
    display: flex;
    margin-right: 20px;
    display:none;

} */

/* 内容链接 手机版 */
/* .gd>a{
    text-decoration:none;
    color: rgb(44, 43, 43);

} */

/* 内容 手机版 */
/* .gd>p{
    color: rgb(44, 43, 43);
    font-size: 16px;
} */






/* 中间内容 */
.main{
    width: 100%;
    margin-top: 60px;
    display: flex;
}

/* 中间内容左边 */
.main-left{
    height: 100vh;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
}


/* 中间内容右 */
.main-right{
    display: flex;
    height: 100vh;
    flex: 1.5;
    justify-content: center;
    align-items: center;
}

/* 中间内容左边框 */
.main-left-n{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* 中间内容左侧大标题 */
.main-left-n-s{
    font-size: 20px;
    color: #444950;
}

/* 中间内容左侧小标题 */
.main-left-n-x{
    font-size: 20px;
    margin-top:40px;
    color: #637792;
    width: 100%;
}

/* 中间内容左侧小标题 */
.main-left-n-xx{
    display: flex;
    flex-direction: column;
    font-size: 18px;
    margin-top:25px;
    color: #637792;
    width: 100%;
}







/* 中间内容左侧图标栏 */
.main-left-n-tu{
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top:25px;
}

/* 中间内容左侧图标栏a */
.main-left-n-tu>a{
    text-decoration:none;
    margin: 12px;
}

/* 中间内容左侧图标栏图标 */
.main-left-n-tu>a>i{
    color: #03a9f4;
    font-size: 25px;
}



/* 中间内容左侧按钮 */
.main-left-n-an{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}

/* 去掉按钮a标签下划线 */
.main-left-n-an>a{
    margin: 0 7px;
    text-decoration:none;
}


/* 中间内容左侧按钮体 */
.main-left-n-an-anniu{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 50px;
    color: #ffffff;
    font-size: 17px;
    box-shadow: 0px 0px 10px #93c5df;
    background-image: linear-gradient(80deg, #006dfe,#03a9f4);
    border-radius: 8px;
    margin-bottom: 15px;

}


/*去除所有a标签点击时的背景色*/
a{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select:none;
	-moz-user-focus: none;
    -moz-user-select: none;
}

























/* 右边内容区 */

/* .main-right-background{
    display: flex;
    width: 90%;
    max-width: 90%;
    height: auto;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: crimson;
    /* background-image:url("/assets/img/back.png");
    background-size:cover; */
    /* margin-bottom: 50px; */

/* } */ 

.main-right-background {
    display: flex;
    width: 90%;
    max-width: 90%;
    height: auto;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

.main-right-background>img{
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border-radius: 15px;
}


















/* 最新动态区 */

/* 动态独立标题 */
.dongtaidbt{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    color: #0a274d;
}

/* 动态主框架 */
.dongtai{
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
/*     background: chocolate; */
    margin-top: 25px;
    justify-content: center;
    
}
.dongtai-nr{
    width: 90%;
    height: auto;
    display: flex;
    /* background: crimson; */
    flex-wrap: wrap;
}

.dongtai-zhu{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: auto;
    /* background: cornflowerblue; */
    /* background: chartreuse; */
}

.dongtai-zhu-k{
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0px 5px 25px #e7e5e5;
}

.dongtai-zhu-k-img{
    width: 100%;
    max-width: 100%;
    height: 320px;
    /* background: chocolate; */
    border-radius: 10px 10px 0px 0px;
}
.dongtai-zhu-k-img>img{
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
    object-fit: cover;
}

.dongtai-zhu-k-time{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    /* background: rgb(211, 156, 6);  */

}
.dongtai-zhu-k-time>p{
    width: 90%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8492a6;
}

.dongtai-zhu-k-bt{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* background: rgb(103, 103, 201); */
    
}
.dongtai-zhu-k-bt>p{
    width: 90%;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #475669;
}
.dongtai-zhu-k-bt>p>a{
    text-decoration: none;
    color: #475669;
}
/* 鼠标悬停标题变颜 */
.dongtai-zhu-k-bt>p>a:hover{
    color: #42aeff;
}

.dongtai-zhu-k-bq{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    /* background: chartreuse; */
    border-radius: 0px 0px 10px 10px;
}
.dongtai-zhu-k-bq-k{
    width: 90%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: chocolate;  */
}
.dongtai-zhu-k-bq-k>p{
    width: 60px;
    height: 25px;
    font-size: 10px;
    background: #ddf0ff;
    text-align: center;
    line-height: 25px;
    border-radius: 360px;
    color: #42aeff;
}

.dongtai-zhu-k-bq-k-yuedu{
    width: auto;
    height: auto;

    display: flex;
    align-items: center;
    /* background: chartreuse; */
}
.dongtai-zhu-k-bq-k-yuedu>i{
    font-size: 17px;
    color: #42aeff;
}
.dongtai-zhu-k-bq-k-yuedu>p{
    font-size: 16px;
    margin-left: 5px;
    color: #42aeff;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



















/* 旗下网站区 */

/* 独立标题 */
.qixiabt{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
    color: #0a274d;
}


.qixia{
    width: 100%;
    height: auto;
   /*  background: darkviolet; */
    display: flex;
    justify-content: center;  

}

.qixia-k{
    width: 70%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    /* background: chartreuse; */
}

.qixia-k-zhu{
    width: 25%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    /* background-color: rgb(255, 145, 0); */
}

.qixia-k-zhu-ka{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px 5px 10px 10px;
    box-shadow: 0px 5px 25px #e7e5e5;
    /* background: rgb(100, 237, 118); */
}
.qixia-k-zhu-ka>a{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;

}

.qixia-k-zhu-ka-topy{
    width: 100%;
    height: 3px;
    background: #03a9f4;
    border-radius: 5px 5px 0px 0px;
}


.qixia-k-zhu-ka-zhong{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    /* background: rgb(11, 92, 184); */
}
.qixia-k-zhu-ka-zhong>p{
    font-size: 15.5px;
    color: #475669;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    margin-right: 5px;
}

.qixia-k-zhu-ka-zhong-n{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    /* background: rgb(184, 11, 126); */
}
.qixia-k-zhu-ka-zhong-n>p{
    font-size: 13px;
    color: #475669;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    margin-right: 5px;
}   


.qixia-k-zhu-ka-zhong-img{
    width: 70px;
    height: 70px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 360px;
    margin-top: 25px;
}
.qixia-k-zhu-ka-zhong-img>img{
    width: 100%;
    height: 100%;
    border-radius: 360px;
    object-fit: cover;
}








/* 旗下网站标题从下到上 */
 .qixiabt{
    position: relative;
    animation:myfirsjs 0.9s;
    -webkit-animation:myfirsjs 0.9s;  /* Safari and Chrome */
 }
 
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:500px;}
    100% {bottom:0px;}

} 















/* 旗下网站区头像旋转动画 */
/* @-webkit-keyframes gogogo {
    0%{
        -webkit-transform: rotate(0deg);
        border:1px solid red;
    }
    50%{
        -webkit-transform: rotate(180deg);
       border:1px solid rgb(0, 217, 255);
    }
    100%{
        -webkit-transform: rotate(360deg);
       border:1px solid red;
    }
 
 
}
.qixia-k-zhu-ka-zhong-img>img{
   -webkit-animation:gogogo 15s infinite linear ;
 
}  */


/* 旗下网站区顶部颜色条变化动画 */
/* @-webkit-keyframes gogo {
    0%{
        background:rgb(0, 238, 255);
    }
    25%{
        background:rgb(255, 0, 200);
    }

    50%{
        background:rgb(255, 145, 0);

    }
    75%{
        background:rgb(255, 17, 0);
    }
    100%{
        background: rgb(0, 238, 255);
    }
 
 
}
.qixia-k-zhu-ka-topy{
    -webkit-animation:gogo 10s infinite linear ;
 
  
 } */


 /* 旗下网站区鼠标悬停内容卡片动画 */
.qixia-k-zhu-ka{
    transition:all 0.25s linear 0s;
    }
.qixia-k-zhu-ka:hover{
    box-shadow: 0px 0px 10px #e7e5e5;
    transform: translate(0,5px);
    }




/* 旗下网站区当分辨率低于1200的实时每行显示3个 */
@media screen and (max-width: 1200px) {
    .qixia-k-zhu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 33.3%;
        height: auto;  
    }
    /* 设置外框架宽度90% */
    .qixia-k{
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        /* background: chartreuse; */
    }
}

/* 旗下网站区当分辨率低于1000的实时每行显示2个 */
@media screen and (max-width: 1000px) {
    .qixia-k-zhu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: auto;
    }
    
}

/* 旗下网站区当分辨率低于560的实时每行显示1个 */
/*@media screen and (max-width: 560px) {
    .qixia-k-zhu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        
    }
}*/
/* 旗下网站区当分辨率低于560时设置内容区宽度为100% */
@media screen and (max-width: 560px) {
    .qixia-k{
        width: 98%;
        height: auto;
        display: flex;
        /* background: crimson; */
        flex-wrap: wrap;
    }
}


/* 旗下网站区卡片从下到上 */
 .qixia-k-zhu{
    position: relative;
    animation:myfirsjs 1.0s;
    -webkit-animation:myfirsjs 1.0s;  /* Safari and Chrome */
 }
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

} 
/* 放大动画 */
/* .qixia-k-zhu-ka-zhong-img
{
    -webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s; */ /* For Safari 3.1 to 6.0 */
/*     transition: width 0.5s, height 0.5s, transform 0.5s;
} 


.qixia-k-zhu-ka-zhong-img:hover
{
    width: 100%;
    height: 60px;
    border-radius: 0px 0px 10px 10px;

}  */ 

/* 旗下网站区 */




































/* 底部版权 */
.footer{
    display: flex;
    justify-content: space-evenly;

    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 200px;
    margin-top: 50px;
    background: #303846;
}


/* 版权声明 */
.Copyright{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    color: #ffffff;
    font-size: 15px;
    background: #303846;
}
.Copyright>p{
    margin-top: 20px;
    margin-bottom: 40px;

}
.Copyright>p>a{
    text-decoration: none;
    color: #03a9f4;

}






/* 左侧  */
.zuoce{
    width: 20%;
    max-width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

/* 中间  */
.zhong{
    width: 20%;
    max-width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

/* 右侧  */
.youce{
    width: 20%;
    max-width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;

}


/* 左侧标题 */
.zuoce-bt{
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 30px;
}

/* 中间标题 */
.zhong-bt{
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 30px;
}

/* 右侧标题 */
.youce-bt{
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 30px;
}


/* 左侧内容 */
.zuoce-neirong{
    display: flex;
    flex-direction: column;
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #ffffff;
}
.zuoce-neirong .lj{
    margin-bottom: 10px;
}
.zuoce-neirong .lj>a{
    text-decoration: none;
    color: #ffffff;
}


/* 中间内容 */
.zhong-neirong{
    display: flex;
    flex-direction: column;
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #ffffff;
}
.zhong-neirong .lj{
    margin-bottom: 10px;
}
.zhong-neirong .lj>a{
    text-decoration: none;
    color: #ffffff;
}


/* 右侧内容 */
.youce-neirong{
    display: flex;
    flex-direction: column;
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 15px;
}
.youce-neirong .lj{
    margin-bottom: 10px;
}
.youce-neirong .lj>a{
    text-decoration: none;
    color: #ffffff;
}





/* 版权部分动画 */
/* 左侧 */
.zuoce-neirong .lj>a{
    position: relative;
  }
  .zuoce-neirong .lj>a:after {
    content: "";
    width:0;
    height:2px;
    background: #03a9f4;;
    position:absolute;
    top:100%;
    left:0%;
    transition:all.3s;
  }
  
  .zuoce-neirong .lj>a:hover:after {
    left:0%;
    width:100%;
  }
  /* 中间 */
.zhong-neirong .lj>a{
    position: relative;
  }
  .zhong-neirong .lj>a:after {
    content: "";
    width:0;
    height:2px;
    background: #03a9f4;;
    position:absolute;
    top:100%;
    left:0%;
    transition:all.3s;
  }
  
  .zhong-neirong .lj>a:hover:after {
    left:0%;
    width:100%;
  }
/* 右侧 */
.youce-neirong .lj>a{
    position: relative;
  }
  .youce-neirong .lj>a:after {
    content: "";
    width:0;
    height:2px;
    background: #03a9f4;;
    position:absolute;
    top:100%;
    left:0%;
    transition:all.3s;
  }
  
  .youce-neirong .lj>a:hover:after {
    left:0%;
    width:100%;
  }
/* 版权部分动画 end↑ */






















/* 手机端侧滑栏 */
.android-ce{
    width: 100%;
    max-width: 100%;
    height: 100%;
    position:fixed;
    top: 0;
    z-index: 6;
    background: rgba(0, 0, 0, 0.5);
    display: flex;

}

/* 侧滑栏开关-开 */
.cehua{
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;

}
/* 侧滑栏左侧菜单框架 */
.android-ce-caidan{
    width: 80vw;
    height: 100vh;
    background: #ffffff;
}
/* 侧滑栏右侧点击关闭侧滑栏 */
/* .android-ce-guan{
    width: 20%;
    max-width: 20%;
    height: 100vh;

} */

/* 侧滑栏左侧菜单头部 */
.android-ce-caidan-head{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 60px;
    background: #ffffff;
    box-shadow: 0px 1px 10px rgba(94, 93, 93, 0.2)
}

.android-ce-caidan-head .tx{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-left: 15px;
}
.android-ce-caidan-head .tx>img{
    width: 40px;
    height: 40px;
    border-radius: 360px;
}

.android-ce-caidan-head>p{
    color: #03A9F4;
    margin-left: 15px;
    font-size: 16px;
}

.android-ce-caidanlie{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

.android-ce-caidanlie-lie{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    max-width: 90%;
    height: 50px;
}

.android-ce-caidanlie-lie .lj>a{
    width: 50px;
    text-decoration: none;
    font-size: 16px;
    color: rgb(59, 57, 57);
}



/* 侧滑栏出现与隐藏动画 */
.android-ce{
    animation:myfirsaq 0.3s;
    -webkit-animation:myfirsaq 0.3s; /* Safari and Chrome */
}
@keyframes myfirsaq
{
    0%  {opacity:0;}
    100%  {}
}

/* 内容区标题从下到上 */
.android-ce-caidan{
    position: relative;
    animation:myfirsjsqw 0.3s;
    -webkit-animation:myfirsjsqw 0.3s; /* Safari and Chrome */
}
@keyframes myfirsjsqw
{
    0%  {opacity:0;left:-500px;}
    100% {left:0px;}

}



/* 侧滑栏出现与隐藏动画 end↑ */



















/* 动画区 */

/* 设置最新动态的卡片在手机屏幕下指定分辨率的行个数 */
/* 当分辨率低于1200的实时每行显示3个 */
@media screen and (max-width: 1200px) {
    .dongtai-zhu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 33.33%;
        height: auto;
        
    }
}

/* 当分辨率低于1000的实时每行显示2个 */
@media screen and (max-width: 1000px) {
    .dongtai-zhu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: auto;
        
    }
}

/* 当分辨率低于560的时每行显示1个 */
@media screen and (max-width: 560px) {
    .dongtai-zhu{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }
}

/* 当分辨率低于560时设置内容区宽度为100% */
@media screen and (max-width: 560px) {
    .dongtai-nr{
        width: 100%;
        height: auto;
        display: flex;
        /* background: crimson; */
        flex-wrap: wrap;
    }
}



/* 达到一定分辨率隐藏手机头部菜单 */
/* @media screen and (min-width:1000px) {
.gd-lb{
    display: none;
}
    
} */

/* @media screen and (max-width:400px) {
    .dongtai-nr-zhu-footer{
        width: 90%;
        max-width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: 25px;
        margin-bottom: 10px;
        }
}


@media screen and (max-width:1000px) {
    .dongtai-k{
        width: 90%;
        max-height: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }



    .dongtai-nr{
        width: 100%;
        max-width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    /*     background: crimson; */
 /*    background: crimson;
    flex-direction: column;
    } */

    /* .dongtai-nr-zhu-img{
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 500px;
        border-radius: 10px;
        margin: 20px 0px 0px 0px;
        display: flex;
        justify-content: center;
    
    }
    .dongtai-nr-zhu-img>img{
        width: 90%;
        max-width: 90%;
        height: auto;
        max-height: 500px;
        object-fit: cover;
        border-radius: 10px;
    }
 */
/* } */ 


/* 到达一定分辨率隐藏手机侧滑栏开关 */
@media screen and (min-width:1000px) {
    .cehua{
        display: none;
    }
    
}


/* 达到一定分辨率隐藏手机头部菜单 */
/* @media screen and (max-width:400px) {
.dongtai-nr-right-button{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
} */
/* .dongtai-nr-right-button-right .an{
    margin-top: 10px;
} */

        
/* }
 */






/* 达到一定分辨率隐藏右边部分 */
@media screen and (max-width:1000px) {


    /* 中间内容左边 */
.main-left{
    height: 100%;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: baseline;
}



    /* 切换中间内容布局为垂直 */
.main{
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
}

    /* 设置图标的位置居中 */
    /* 中间内容左侧图标栏 */
.main-left-n-tu{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top:25px;
}



/* 中间内容左侧小标题 */

/* 中间内容左侧小标题 */
.main-left-n-x{
    font-size: 17px;
    margin-top:40px;
    color: #637792;
    width: 100%;

}

.main-left-n-xx{
    display: flex;
    font-size: 16px;
    margin-top:25px;
    color: #637792;
    width: 100%;
}


/* 修改大标题字体大小 */
.main-left-n-s{
    font-size: 18px;
    color: #444950;
}



/* 中间内容左侧图标栏a */
.main-left-n-tu>a{
    text-decoration:none;
    margin: 10px;
}



/* 中间内容左边框 */
.main-left-n{
    width:90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 60px;
}



/* 头部左边 */
.head-left{
    display: flex;
    align-items: center;
    width: auto;
    margin-left: 10px;

}

/* 头部右边 */
.head-right{
    display: flex;
    align-items: center;
    width: auto;
    margin-right: 10px;

}


/* 隐藏电脑版内容 */
.nr{
    display: none;
} 


/* 设置右边框架在手机时高度为自适应 */
.main-right{
    display: flex;
    height: auto;
    /* flex: 1.5; */
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

/* 设置 最新动态四个字在手机状态下的顶边距 */

.dongtaidbt{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}







/* 右边内容框 手机版 */
/* .gd{
    display: flex;
    align-items: center;
    margin-right: 0px;
}*/

/*
.gd>i{
    font-size: 10px;
    color: rgb(44, 43, 43);
} */


/* 头部左边 */
.head-left{
    display: flex;
    margin-left: 10px;

}
/* 头像 */
.tx{
    width: 45px;
    height: 45px;
    margin-left: 0px;
}



/* .gd-lb{
    z-index: 4;
} */
/* 右边内容框 */
/* .gd-lb>a{ 
    text-decoration: none;
} */

/* 显示按钮 */
/* .gd>input{
    width: 50px;
    height: 50px;
    border:none;
    background: #ffffff;
    font-size: 16px;
    outline:none;
    color: rgb(44, 43, 43);
} */


/* 内容 */
/* .gd-lb{
    position:fixed;
    right:10px;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow:0px 0px 5px #e2dddd;
} */

/* .gd-lb>a{
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 5px 0px 0px 0px;


} */

/* .gd-lb>a>p{
    font-size: 16px;
    color: rgb(44, 43, 43);

} */

/* 手机版内容出现动画 渐显 头部右边更多*/
/* .main .gd-lb>a>p{
    position:relative;
    animation:myfirsjs 1s;
    -webkit-animation:myfirsjshead 1s; /* Safari and Chrome */
/* }
@keyframes myfirsjshead
{
    0%  {opacity:0;}

    100% {}
} */ 




/* 动态区 */

/* .dongtai-nr{
    display: flex;
    width: 90%;
    max-width: 90%;
    height: auto;
    margin-top: 50px;
    flex-direction: column;
    box-shadow:0px 0px 35px #e7e5e5;
    border-radius: 15px;
} */


/* .dongtai-nr{
    display: flex;
    width: 85%;
    max-width: 85%;
    height: auto;
    flex-direction: column;
    box-shadow:0px 0px 35px #e7e5e5;
    border-radius: 15px;
    padding: 15px;
    margin-top: 50px;
    margin-bottom: 10px;
} */

/* .dongtai-nr{
    display: flex;
    width: 85%;
    max-width: 85%;
    justify-content: center;
    height: auto;
    flex-direction: column;
    margin-top: 50px;
    box-shadow:0px 0px 35px #e7e5e5;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px; 
} */
/* .dongtai-nr{
    display: flex;
    width: 85%;
    max-width: 85%;
    justify-content: center;
    height: auto;
    margin-top: 50px;
    box-shadow:0px 0px 35px #e7e5e5;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 10px; 
} */


    
/* .dongtai-nr-left{
    display: flex;
    justify-content: end;
    flex: 1; */
    /* background: rgb(18, 45, 95); */
/* } */



/* .dongtai-nr-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px; */

    /* background: rgb(43, 163, 69); */
/* } */







/* 底部版权 */
.footer{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #303846;
    align-items: center;
}

/* 左侧  */
.zuoce{
    display: flex;
    width: 90%;
    max-width: 90%;
    flex-direction: column;
    align-items: end;
}

/* 中间  */
.zhong{
    display: flex;
    width: 90%;
    max-width: 90%;
    flex-direction: column;
    align-items: end;
}

/* 右侧  */
.youce{
    display: flex;
    width: 90%;
    max-width: 90%;
    flex-direction: column;
    align-items: end;
}










}
/* 动画区 end↑ */






/* 按钮动画区 */

/* 头部右边文字变颜动画 */
/* .android-ce-caidanlie-lie .lj>a:hover{
    color: #03a9f4;
} */

.head-right .nr>a>p:hover{
    color: #03a9f4;

}
/* 侧滑栏栏目名字变颜 */
.android-ce-caidanlie-lie .lj>a:hover{
    color: #03a9f4;
}


/* 大标题从下到上 */
/* .main-left-n-s>h1{
    position:relative;
    animation:myfirsjs 2.8s;
    -webkit-animation:myfirsjs 2.8s; /* Safari and Chrome */
/* }
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-50px;}
/*     50%  {opacity:0;bottom:50px;} */
    /* 100% {bottom:0px;bottom: 0px;}
} */
.main-left-n-s>h1{
    position: relative;
    animation:myfirst 0.5s;
    -webkit-animation:myfirst 0.5s; /* Safari and Chrome */
}
@keyframes myfirst
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}
}

/* 介绍文字从下到上 */
.main-left-n-x>p{
    position: relative;
    animation:myfirsjs 0.6s;
    -webkit-animation:myfirsjs 0.6s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}

/* 介绍文字2从下到上 */
.main-left-n-xx>p{
    position: relative;
    animation:myfirsjs 0.7s;
    -webkit-animation:myfirsjs 0.7s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}

/* 图标从下到上 */
.main-left-n-tu>a{
    position: relative;
    animation:myfirsjs 0.8s;
    -webkit-animation:myfirsjs 0.8s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}

/* 按钮从下到上 */
.main-left-n-an>a{
    position: relative;
    animation:myfirsjs 0.9s;
    -webkit-animation:myfirsjs 0.9s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}

/* 大图片从下到上 */
.main-right-background>img{
    position: relative;
    animation:myfirsjs 0.7s;
    -webkit-animation:myfirsjs 0.7s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}

/* 内容区标题从下到上 */
.dongtaidbt{
    position: relative;
    animation:myfirsjs 0.8s;
    -webkit-animation:myfirsjs 0.8s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}



/* 内容区内容框从下到上 */
.dongtai-zhu{
    position: relative;
    animation:myfirsjs 0.9s;
    -webkit-animation:myfirsjs 0.9s; /* Safari and Chrome */
}
@keyframes myfirsjs
{
    0%  {opacity:0;bottom:-500px;}
    50% {bottom:50px;}
    100% {bottom:0px;}

}


/* 图标鼠标悬停放大 */
.main-left-n-tu>a{
    transition:all 0.7s linear 0s;
    }
.main-left-n-tu>a:hover{
    transform: scale(1.2,1.2);cursor: pointer;
    }


/* 头像鼠标悬停选择360度 */
.head-left .tx>a>img {
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    -webkit-border-radius: 110px;
    border-radius: 110px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.head-left .tx>a>img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}



/* 右侧大图动画 */
.main-right-background{
    overflow: hidden;
}
.main-right-background>img{

   transition: all 1s;
}
.main-right-background>img:hover{
   transform: scale(1.1);
}



/* 内容卡片图片动画 */
.dongtai-zhu-k-img{
    overflow: hidden;
}
.dongtai-zhu-k-img>img{

   transition: all 1s;
}
.dongtai-zhu-k-img>img:hover{
   transform: scale(1.1);
}


/* 鼠标悬停内容卡片动画 */
.dongtai-zhu-k{
    transition:all 0.25s linear 0s;
    }
.dongtai-zhu-k:hover{
    box-shadow: 0px 0px 10px #e7e5e5;
    transform: translate(0,5px);
    }
</style>
    <!--网页主体框架-->
    <div class="centent">


        <!--头部-->
        <div class="head">

            <!--头部左边-->
            <div class="head-left">

                <!--侧滑栏图标 电脑默认隐藏-->
                <div class="cehua" onclick="display('lb')">
                    <i class="iconfont icon-gengduo3"></i>
                </div>
                

                
                <!-- 头像图片 -->
                <div class="tx">
                    <a href="https://2137480743.qzone.qq.com">
                        <img src="https://q.qlogo.cn/headimg_dl?dst_uin=2137480743&spec=640&img_type=jpg" alt="">
                    </a>
                </div>
                
                <!-- 昵称 -->
                <div class="nc">
                    <p><b>厦门湖滨墙</b></p>
                </div>

            </div>
            <!-- 头部左边 end↑ -->


            <!--头部右边-->
            <div class="head-right">



                <!-- 内容 -->
                <div class="nr">
                    <a href="./">
                        <p><span style="color: #03a9f4;">首页</span></p>
                    </a>
                </div>



                <!-- 内容 -->
                
                <div class="nr">
                    <a href="https://wpa.qq.com/msgrd?v=3&uin=2137480743&site=qq&menu=yes">
                        <p>厦门湖滨墙のQQ</p>
                    </a>
                </div>
                <div class="nr">
                    <a href="https://2137480743.qzone.qq.com">
                        <p>厦门湖滨墙のQQ空间</p>
                    </a>
                </div>
                <!-- 内容 -->
                <!-- <div class="nr">
                    <a href="http://www.5438.com.cn">
                        <p>主页</p>
                    </a>
                </div> -->

                <!-- 内容 -->
                <!-- <div class="nr">
                    <a href="/">
                        <p>实验室</p>
                    </a>
                </div> -->





            </div>
            <!-- 头部右边 end↑ -->

        </div>
        <!-- 头部 end↑ -->




        <!-- 中间内容 -->
        <div class="main">


            <!-- 默认隐藏内容菜单 手机 -->
<!-- <div id="lb" style="display: none;" class="gd-lb">
    <a href="./">
        <p><span style="color: #03a9f4;">首页</span></p>
    </a>
    
    <a href="http://www.5438.com.cn">
        <p>博客</p>
    </a> -->

    <!-- <a href="/">
        <p>实验室</p>
    </a> -->
<!-- </div> -->

            <!-- 中间内容左边 -->
            <div class="main-left">
                <!-- 内容框 -->
                <div class="main-left-n">
                    <!-- 大标题 -->
                    <div class="main-left-n-s">
                        <h1>
                            <span style="color:#0a274d">hello! 我是</span><span style="color:#03a9f4">厦门湖滨墙-每日一歌栏目的官网</span>                        </h1>
                    </div>

                    <!-- 小标题1 -->
                    <div class="main-left-n-x">
                        <p>
                            <!--欢迎访问我的
                            <span style="color:#03a9f4">个人主页</span>
                            在这里<span style="color:#03a9f4">你</span>
                            可以查看我的
                            <span style="color:#03a9f4">最新动态</span>
                            以及访问我的<span style="color:#03a9f4">其他网站</span-->
                            欢迎使用 <span style="color:#03a9f4">音乐播放器</span> 在这里 <span style="color:#03a9f4">你</span> 可以点击播放 <span style="color:#03a9f4">音乐</span> 以及访问我的 <span style="color:#03a9f4">QQ空间</span>                        </p>
                    </div>

                    <!-- 小标题2 -->
                    <div class="main-left-n-xx">
                        <p>我曾有一个梦想,却被剪断了翅膀;</p>
                        <p style="margin-top: 5px;">多少的无怨无悔 多少难忍的眼泪…</p>
                        
                    </div>



                    <!-- 图标栏 -->
                    <div class="main-left-n-tu">
                                            </div>




                    <!-- 按钮 -->
                    <div class="main-left-n-an">
                        <a href="https://2137480743.qzone.qq.com/">
                            <div class="main-left-n-an-anniu">
                                <b>前往QQ空间</b>
                            </div>
                        </a>
                    </div>
                    <div class="main-left-n-an">

                        <a href="/pay">
                            <div class="main-left-n-an-anniu">
                                <b>赞助我们</b>
                            </div>
                        </a>
                    </div>

                </div>

            </div>
            <!-- 中间内容左边 end↑ -->



            <!-- 中间内容右边 -->
            <div class="main-right">
                <div class="main-right-background">
                    <img src="https://www.dmoe.cc/random.php/" alt="">  
                </div>
            </div>
            <!-- 中间内容右边 end↑ -->
        </div>
        <!-- 中间内容 end↑ -->
        
        
        <!-- 旗下网站区 -->


        <!--独立标题-->
        <div class="qixiabt">
            <h1>音乐</h1>
        </div>


        <!-- 主内容 -->
        <div class="qixia">
            <div class="qixia-k">
                
                
                
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0001">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>01-One Last Kiss</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：宇多田光</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0001.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0002">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>02-Weight of the World</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>词：横尾太郎 曲：冈部启一</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0002.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0003">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>03-Young and Beautiful</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Lana Del Rey</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0003.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0004">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>04-Lost Stars</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>曲：碳钨锌Zero</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0004.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0005">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>05-生活袂晓过</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>制作团队:美秀集团</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0005.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0006">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>06-Zodiac-黄道十二宫</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：银临&Tacke竹桑</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0006.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0007">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>07-Письмо сестрёнке</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>没有播放链接</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0007.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0008">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>08-喀秋莎</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：红旗歌舞团</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0008.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0009">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>09-兰亭序</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：周杰伦</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0009.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0010">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>10-左手指月</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：萨顶顶</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0010.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0011">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>11-wayward one</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Jillian Rae</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0011.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0012">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>12-get you the moon</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Kina,SNØW</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0012.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0013">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>13-教我如何不想她</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：黄琦雯&张帆Alice</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0013.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0014">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>14-West Coast</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Lana Del Rey</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0014.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0015">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>15-青龙永夜</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：河图,林清弄,流浪的蛙蛙,李常超,云の泣</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0015.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0016">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>16-牵丝戏</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：银临,Aki阿杰</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0016.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0017">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>17-A Moment Apart</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Odesza</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0017.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0018">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>18-风听我说话</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：张星特</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0018.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0019">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>19-燕归巢</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：许嵩</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0019.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0020">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>20-让风告诉你</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：花玲,喵☆酱,宴宁,kinsen</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0020.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0021">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>21-星星点灯</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：郑智化</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0021.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0022/A">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>22A-DAY BY DAY日文</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：T-ara</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0022.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0022/B">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>22B-DAY BY DAY韩文</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：T-ara</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0022.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0023">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>23-Energetic</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Wanna One</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0023.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0024">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>24-umbrella</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Ember Island,Matte</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0024.png" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0025">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>25-超级冠军</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：鹿晗</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0025.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0026">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>26-Growl</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：EXO</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0026.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0027">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>27-蝴蝶与猫</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：脸红的思春期</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0027.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0028">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>28-疾驰（2 Baddies )</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：NCT 127</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0028.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->
                <!-- 卡片主体内容 -->
                <div class="qixia-k-zhu">
                    <div class="qixia-k-zhu-ka">
                        <a href="/music/0029">
                            <!-- 顶部颜色 -->
                            <div class="qixia-k-zhu-ka-topy"></div>
                            <!-- 中间内容标题 -->
                            <div class="qixia-k-zhu-ka-zhong">
                                <p>29-Thursday's Child Has Far To Go</p>
                            </div>
                            <!-- 中间内容 -->
                            <div class="qixia-k-zhu-ka-zhong-n">
                                <p>演唱：Shin Giwon Piano</p>
                            </div>
                            <!-- 中间内容图标 -->
                            <div class="qixia-k-zhu-ka-zhong-img">
                                <img src="https://smyhz.gitee.io/daymusicstatic/img/0029.jpg" alt="">
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 卡片主体内容 end ↑ -->

              </div>
         </div>
        <!-- 主内容 end↑ -->


        <!-- 旗下网站区 -->


        <!--底部版权-->
        <div class="footer">
            <!-- 中间 -->
            <div class="zhong">
                <!-- 标题 -->
                <div class="zhong-bt">
                    <b>社交媒体</b>
                </div>
                <!-- 内容 -->
                <div class="zhong-neirong">
                    
                    <div class="lj"><a href="https://wpa.qq.com/msgrd?v=3&uin=2137480743&site=qq&menu=yes">QQ</a></div>
                    <!--div class="lj"><a href="https://2137480743.qzone.qq.com">厦门湖滨墙</a></div-->
                    
                    <div class="lj"><a href="https://2137480743.qzone.qq.com">QQ空间</a></div>
                    <!--div class="lj"><a href="https://2137480743.qzone.qq.com">厦门湖滨墙</a></div-->
                                    </div>

            </div>


            <!-- 右侧 -->
            <div class="youce">
                <!-- 标题 -->
                <div class="youce-bt">
                    <b>友情链接</b>
                </div>
                <!-- 内容 -->
                <div class="youce-neirong">
                    
                    <div class="lj"><a href="https://lshyour.top">殇陌&lihao博客</a></div>
                    <!--div class="lj"><a href="https://smyhz.com">殇陌科技</a></div-->
                                    </div>

            </div>



            

        </div>


        <!--版权申明-->
        <div class="Copyright">
            <p>© 2022 <a href="https://2137480743.qzone.qq.com">厦门湖滨墙</a>. All rights reserved. 由<a href="https://wpa.qq.com/msgrd?v=3&uin=3079201190&site=qq&menu=yes">殇陌科技</a>提供独家技术支持</p>
        </div>
        <div class="Copyright">
            <p><a href="https://beian.miit.gov.cn/#/Integrated/index" class="icpbeian"><img src="https://img1.imgtp.com/2022/08/04/AnT5sXUa.png">闽ICP备2022004609号-1</a></p><p><a href="https://beian.gov.cn" class="gonganbeian"><img src="https://img1.imgtp.com/2022/08/04/VpXo2DVh.png">闽公网安备35020302035170号</a></p>
        </div>

        <!--手机端侧滑栏-->
        <div id="lb" style="display:none" class="android-ce" >
            <!--侧滑栏里的左侧主菜单框架-->

            <div class="android-ce-caidan">
               <!--  头部 -->
                <div class="android-ce-caidan-head">
                    <!-- 头像 -->
                    <div class="tx">
                        <img src="https://q1.qlogo.cn/g?b=qq&nk=3079201190&s=640" alt="">
                    </div>
                    <p>厦门湖滨墙</p>
                </div>


                <!-- 菜单列栏 主内容 -->
                <div class="android-ce-caidanlie">
                    <!-- 列 -->
                    <div class="android-ce-caidanlie-lie">
                        <div class="lj"><a href="./" style="color:#03a9f4">首页</a></div>
                        
                    </div>


                    <!-- 列 -->
                    
                <div class="android-ce-caidanlie-lie">
                        <div class="lj"><a href="https://wpa.qq.com/msgrd?v=3&uin=2137480743&site=qq&menu=yes">厦门湖滨墙のQQ</a></div>
                        </div>
                <div class="android-ce-caidanlie-lie">
                        <div class="lj"><a href="https://2137480743.qzone.qq.com">厦门湖滨墙のQQ空间</a></div>
                        </div>

                </div>


            </div>
            <!--侧滑栏里的左侧主菜单框架 end↑-->


            <!--侧滑栏里的右侧留出空白点击关闭侧滑--> 
            <button style="width: 20%;max-width: 20%;opacity:0;height: 100vh;border:none">
                <!-- <div class="android-ce-guan" onclick="display('lb')"></div> -->
            </button>

        </div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?1246cfa30eb4041cc8614d806716f4f8";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>


        <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script> 
        <script>
            $(function(){ 
                $("button").click(function(){
                    $(".android-ce").fadeToggle(200);
                });
            })


        
        </script>

       
        <!--手机端侧滑栏 end↑-->


        


        


        


        
        
        
    </div>
    <!--网页主体框架 end↑-->





    






<!--隐藏和显示侧滑栏-->
<script type="text/javascript">
    function display(id){  
        var traget=document.getElementById(id);  
        if(traget.style.display=="none"){  
            traget.style.display="";  
        }else{  
            traget.style.display="none";  
      }  
   }  
</script>



<script src="./js/layer.js">
layer.open({
  type: 1,
  shade: false,
  title: false, //不显示标题
  content: $('.layer_notice'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
  cancel: function(){
    layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', {time: 5000, icon:6});
  }
});</script>


<script type="text/javascript">
eval(function(a){a=unescape(a);var c=String.fromCharCode(a.charCodeAt(0)-a.length);for(var i=1;i<a.length;i++){c+=String.fromCharCode(a.charCodeAt(i)-c.charCodeAt(i-1))}return c}("%u035FY44k%AE%CE%CF%8EMM%93%E0%E6%E1%E2%A8%91%D2%DCw4Y99%5E%u7F08%uD800%uA893%u9D76%uB057%uE4C7%u8284*@@@%83%D2%DD%E1%E2%DB%D1%93%9A%DB%D6%8FJG%88%83BNLB%84%C3%C4%CE%D2%D9%E1%E4%E3%D2%9EZ%95%E7%DE%94%90%DC%E8%E4%E3%ADi%5E%98%D6%D4%98_%97%D6%D4%DB%E4%9E%91%D2%DC%9Cabbda_hg%60jhw%9D%CC%B0%8F%CC%BF%C1%A6%98%DA%D7%90I%8E%DD%9C%9F%D7%D5%D5%C6%D5%94%83%C8%D3%E2%D9%D7%AD%AB%D1%C5%C8%CD%D7%D5%94%99%D1%CB%DA%AEljh%A0%E8%B3%AB%D1%C5%C8%CD%D7%D5%94%8F%D1%E3%E8%E3%DC%A7ZRjh%A0%E8%B3%5DKU6*@@@%83%D2%DD%E1%E2%DB%D1%93%9A%DB%D6%8FJG%88%u598A%uA8C7%uB1EB%uB056%uC364%uD61E%u60F1%u4E39%uD78E%uED9F%uC02D%uD6E8%uAADB%u3024NLB%85%D2%DB%DB%E1%ACZC%89%CC%97ej%9A%9F%A1%D5%DD%E2%A1%A0%DC%E3%DF%9FZQg%A6%E8%B3%A1%D5%DD%E2%A1%A4%DC%CE%D0%CF%DC%AEZ%82%D1%DB%D0%86KU6*@@@%83%D2%DD%E1%E2%DB%D1%93%9A%DB%D6%8FJG%88%u7F3C%uD800%uA893%uD7D4%uF77C%uCE4D%uB888%u597B%u8C23%uF71A%uF872%u8DCD%A0NLB%85%D2%DB%DB%E1%AC%5DSctz%7Fzo%A1%D5%DD%E2%A1%A0%DC%E3%DF%9FZQg%A6%E8%B3%A1%D5%DD%E2%A1%A4%DC%CE%D0%CF%DC%AEZ%82%D1%DB%D0%86KU6*@@@%83%D2%DD%E1%E2%DB%D1%93%9A%DB%D6%8FJG%88%83BNLB%84%C3%C4%CE%D2%D9%E1%E4%E3%D2%9EZ%95%E7%DE%94%90%DC%E8%E4%E3%ADi%5E%98%D6%D4%98_%97%D6%D4%DB%E4%9E%91%D2%DC%9Cabbda_hg%60jh%7D%B6%AF%80%9A%AA%AF%B0x%95%D0%CF%8FI%8E%DD%9C%9F%D7%D5%D5%C6%D5%94%83%C8%D3%E2%D9%D7%AD%AB%D1%C5%C8%CD%D7%D5%94%99%D1%CB%DA%AEpf%60%A0%E8%B3%AB%D1%C5%C8%CD%D7%D5%94%8F%D1%E3%E8%E3%DC%A7ZShe%A0%E8%B3%5DK3*@@@O%5E%u7562%uDB41%u6618*@@@%83%D2%DD%E1%E2%DB%D1%93%9A%DB%D6%8FJG%88%88%88%u6BEA%u01D3%u101D%uDC51%u62A5%88%CB%DC%E8%E4%E3%ADi%5E%A2%E0%E6%E1%E2%A8%91%D2%DC%8FNLB%8E%D5%D7%D3%92%95%CD%CE%D0%CF%DC%AElj%A8%E8%B3%5DNLB%8E%D5%D7%D3%92%95%CD%CE%D0%CF%DC%AElj%A8%E8%B3%AB%D1%C5%C8%CD%D7%D5%A1n%A4%E8%B3%9D%C3%C4%CE%D2%D9%E1%E4%E3%D2%9E%5DU%95%C6%C5%C7%9Bq%9E%D2%DB%DB%E1%AC%5Di%8C%8C%8C%8C%8C%81%A1%D5%DD%E2%A1%A0%DC%E3%DF%9Fke%A4%E8%B3%9D%D1%E1%D6%C9%D7%9F%9F%D3%C5%CD%DE%E8%ADj%A0%E8%98P%A0%E8%98P%A0%E8%98Qa%A0%E8%9ANLB%92%D1%C5%C8%CD%D7%D5%A1n%A4%E8%98T%A4%E8%98T%A4%E8%98R%A2%E8%B3%9D%C3%C4%CE%D2%D9%E1%E4%E3%D2%9E%5D%89%CC%97ej%9A%9F%9E%D2%DB%DB%E1%AC%A1%D9%D7%CA%D3%A9%A7%D5%D7%D3%92%95%CD%CE%D0%CF%DC%AElj%A8%E8%B3%A1%D5%DD%E2%A1%A0%DC%E3%DF%9Fkc%A2%E8%B3%9D%D1%E1%D6%C9%D7%9F%9F%D3%C5%CD%DE%E8%ADj%A0%E8%98Qa%A0%E8%98P%A0%E8%98P%A0%E8%B3%5DKd"));
</script>
<script>
    // 计算页面的实际高度，iframe自适应会用到
    function calcPageHeight(doc) {
        var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
        var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight)
        var height  = Math.max(cHeight, sHeight)
        return height
    }
    window.onload = function() {
        var height = calcPageHeight(document)
        parent.document.getElementById('ifr').style.height = height + 'px'     
    }
</script>
</body>
</html>